.pxToRem(@p, @px) {
    @{p}: @px / 75 * 1rem;
}
a{
    text-decoration: none;
}
.hear{
     width:100%;
    position: fixed;
    left: 0;
    top: 0;
    .pxToRem(height, 105);
    background: #b59969;
    display: flex;
   align-items: center;
    justify-content:space-around;
  
    span{
        color: #FFFDEF;
        .pxToRem(font-size, 35);
    }
   
}

.main{
    width: 100%;
    .pxToRem(margin-top, 105);
    display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    .one{
        width: 90%;
       border: 1px solid #b69967;
        border-radius: 8px;
        .pxToRem(margin-top, 30);
        
        p{
           
           
           &:first-child{
               border-bottom:1px solid #b69976;
           }  
          .pxToRem(line-height,70); 
           .pxToRem(padding-left,20); 
            .pxToRem(letter-spacing,3);
             .pxToRem(font-size,20);
             color:#b3b3b3;
        }
    }
    .tow{
       width: 90%;
        .pxToRem(margin-top,45); 
        flex-direction: column;
     border: 1px solid #b69967;
        border-radius: 8px;
        .towtop{
            
             
         .p{
            
           border-bottom:1px solid #b69976;
            display: flex;
   align-items: center;
   justify-content: space-between;
         &:last-child{
                  border-bottom: none;
              }
         
             color:#b3b3b3;
             span{
                 &:first-child{
                      .pxToRem(padding-left,20); 
                     
                 }
                 &:last-child{
                     .pxToRem(padding-right,20); 
                   
                 }
                   .pxToRem(line-height,70); 
                   
            .pxToRem(letter-spacing,3);
             .pxToRem(font-size,20);
             }
        }
        }
    }
    
     .three{
       width: 90%;
        .pxToRem(margin-top,45); 
        flex-direction: column;
     border: 1px solid #b69967;
        border-radius: 8px;
        .threetop{
             
             
         .p1{
            &:last-child{
                  border: none;
             }
          border-bottom:1px solid #b69976;
            display: flex;
   align-items: center;
   justify-content: space-between;
         
         
             color:#b3b3b3;
             span{
                 &:first-child{
                      .pxToRem(padding-left,20); 
                     
                 }
                 &:last-child{
                     .pxToRem(padding-right,20); 
                 }
                   .pxToRem(line-height,70); 
                   
            .pxToRem(letter-spacing,3);
             .pxToRem(font-size,20);
             }
        }
        }
    }
} 

